<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    // while(){}
    // var j = 0;
    // while(j < 10){
    //     console.log("world");
    //     j++;
    // }


    // do{}while()
        // do      语句名1
        // {}      执行语句，当条件为true时执行
        // while   语句名2
        // ()      执行条件

    // var i = 0;
    // do{
    //     console.log("hello");
    //     i++;
    // }while(i < 10);

    // while(false){
    //     console.log(1);
    // }
    // 条件前置，语句后置
    // 语句前置，条件后置
    // do{
    //     console.log(2);
    // }while(false);

    // 条件直接为false时，while不会执行，do-while至少会执行一次

    // for(){}
        // for     语句名
        // ()      条件组，循环的三要素：计数器，执行条件，改变计数器
        // {}      执行语句

    var i;
    //   1     2     3
    for(i=0; i<10; i++){
        // 4
        // console.log("hello");
        console.log(i);
    }
    // for循环的三要素更集中，执行顺序固定
    // 1--->2--->4--->3--->2--->4--->3....

    console.log("----------");

    // while循环的三要素更灵活，执行顺序可自定义
    var j = 0;
    while(j < 10){
        // console.log("world");
        console.log(j);
        j++;
    }

</script>
</html>